@extends('web.common.main2')

@section('container')

    <div class="wapper mine" >
        <div class="content_header">
            <div class="content_header_item">
                <p class="content_item_text"><span>首页</span> > <span>产品中心</span> > <span class="span_on">基础描述</span></p>
            </div>
            <blockquote class="block_quote">基于空气源热泵的热水几种供应系统</blockquote>
        </div>
        <div class="content_main clearfix">
            <!-- 内容左侧盒子-->
            <div class="content_left fl">
                <div class="left_title">
                    <ul class="left_title_ul">
                        <li class="on"><a href="#describe">基础描述</a></li>
                        <li><a href="#principle">原理图</a></li>
                        <li><a href="#case_list">案例库</a></li>
                        <li><a href="javascript:;">优先设计方</a></li>
                        <li><a href="javascript:;">优先承建方</a></li>
                        <li><a href="javascript:;">优先运维方</a></li>
                        <li><a href="javascript:;">优选设备</a></li>
                        <li><a href="javascript:;">配资方案</a></li>
                    </ul>
                    <div class="tab_content">
                        <div class="tab_content_item">
                            <p class="tab_content_text" id="describe"><span>主要技术路径：</span>空气源热泵</p>
                            <p class="tab_content_text tab_content_line"><span>其他相关路径：</span>余热回收</p>
                        </div>

                        <div class="tab_content_item tab_content_item2">
                            <h5>推荐服务商</h5>
                            <div class="tuWen">
                                <img src="../images/tu111_03.jpg" alt="">
                                <div class="wen">
                                    <h4>浙江碳银互联网科技有限公司</h4><span><a href="">设计A级资质</a></span>
                                    <span><a href="">部委及备案</a></span>
                                    <p>内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                        详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                        详情内容详情内容详情内容详情内容内容详情内容详情内容详情内容详情内容详情内容详情</p>
                                </div>
                            </div>
                            <div class="tuWen">
                                <img src="../images/tu111_03.jpg" alt="">
                                <div class="wen">
                                    <h4>浙江碳银互联网科技有限公司</h4><span><a href="">设计A级资质</a></span>
                                    <span><a href="">部委及备案</a></span>
                                    <p>内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                        详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                        详情内容详情内容详情内容详情内容内容详情内容详情内容详情内容详情内容详情内容详情</p>
                                </div>
                            </div>
                            <div class="tuWen">
                                <img src="../images/tu111_03.jpg" alt="">
                                <div class="wen">
                                    <h4>浙江碳银互联网科技有限公司</h4><span><a href="">设计A级资质</a></span>
                                    <span><a href="">部委及备案</a></span>
                                    <p>内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                        详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                        详情内容详情内容详情内容详情内容内容详情内容详情内容详情内容详情内容详情内容详情</p>
                                </div>
                            </div>
                            <div class="tuWen">
                                <img src="../images/tu111_03.jpg" alt="">
                                <div class="wen">
                                    <h4>浙江碳银互联网科技有限公司</h4><span><a href="">设计A级资质</a></span>
                                    <span><a href="">部委及备案</a></span>
                                    <p>内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                        详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                        详情内容详情内容详情内容详情内容内容详情内容详情内容详情内容详情内容详情内容详情</p>
                                </div>
                            </div>
                            <div class="dengji"><a href="">我要登记为供应商</a></div>
                        </div>
                        <div class="tab_content_item tab_content_item2">
                            优先承建方
                        </div>
                        <div class="tab_content_item tab_content_item2">
                            优先运维方
                        </div>
                        <div class="tab_content_item tab_content_item2">
                            <div class="tab_content_item_left">
                                <ul class="item_left">
                                    <li class="active_1"><a href="javascrit:;">该产品主要涉及的设备</a></li>
                                    <li style="border-top:1px solid #cfcfcf;
                                    border-bottom:  1px solid #cfcfcf;
                                    "><a href="javascrit:;">空气源热泵主机</a></li>
                                    <li><a href="javascrit:;">储水罐</a></li>
                                </ul>
                            </div>
                            <div class="tab_content_item_right">
                                <div class="div active_1">div1</div>
                                <div class="div">
                                    <div>
                                        <h5>推荐服务商</h5>
                                        <div class="tuwen2">
                                            <img src="../images/tu22_03.jpg" alt="">
                                            <div class="tuwen_right">
                                                <h4>浙江碳银互联网科技有限公司</h4>
                                                <span><a href="">设计A级资质</a></span>
                                                <span><a href="">部委及备案</a></span>
                                                <p>内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                                    详情内容详情内容详情容详情内容详情内容详情内容详情内容详情内容详情</p>
                                            </div>
                                        </div>
                                        <div class="tuwen2">
                                            <img src="../images/tu22_03.jpg" alt="">
                                            <div class="tuwen_right">
                                                <h4>浙江碳银互联网科技有限公司</h4>
                                                <span><a href="">设计A级资质</a></span>
                                                <span><a href="">部委及备案</a></span>
                                                <p>内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                                    详情内容详情内容详情容详情内容详情内容详情内容详情内容详情内容详情</p>
                                            </div>
                                        </div>
                                        <div class="tuwen2">
                                            <img src="../images/tu22_03.jpg" alt="">
                                            <div class="tuwen_right">
                                                <h4>浙江碳银互联网科技有限公司</h4>
                                                <span><a href="">设计A级资质</a></span>
                                                <span><a href="">部委及备案</a></span>
                                                <p>内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                                    详情内容详情内容详情容详情内容详情内容详情内容详情内容详情内容详情</p>
                                            </div>
                                        </div>
                                        <div class="tuwen2">
                                            <img src="../images/tu22_03.jpg" alt="">
                                            <div class="tuwen_right">
                                                <h4>浙江碳银互联网科技有限公司</h4>
                                                <span><a href="">设计A级资质</a></span>
                                                <span><a href="">部委及备案</a></span>
                                                <p>内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容
                                                    详情内容详情内容详情容详情内容详情内容详情内容详情内容详情内容详情</p>
                                            </div>
                                        </div>
                                        <div class="dengji" style="width: 596px"><a href="">我要登记为供应商</a></div>
                                    </div>
                                </div>
                                <div class="div">div3</div>
                            </div>
                        </div>
                        <div class="tab_content_item tab_content_item2">
                            配资方案
                        </div>
                    </div>
                </div>

            </div>
            <!-- 内容右侧盒子 -->
            <div class="content_right fr">
                <div class="block_quote">测算器</div>
                <select name="" id="aaa" class="content_select select_on">
                    <option value="0">项目场所</option>
                    <option value="1">项目场所</option>
                    <option value="2">项目场所</option>
                </select>
                <select name="" id="bbb" class="content_select">
                    <option value="0">地区</option>
                    <option value="1">地区</option>
                    <option value="2">地区</option>
                </select>
                <select name="" id="ccc" class="content_select">
                    <option value="0">规模</option>
                    <option value="1">规模</option>
                    <option value="2">规模</option>
                </select>
                <button class="content_btn" id="ce">测算</button>

                <button class="content_btn fr" id="join">我要参与</button>
            </div>
            <div class="clearfix" style="clear: both"></div>
        </div>
        <div class="clearfix" style="clear: both"></div>
    </div>
    <div class="clearfix" style="clear: both"></div>


    <div class="tanC">
	    <div class="tanC_1">
	        <h5>测算结果</h5>
	        <img src="/images/icon_03.png" alt="" id="x"/>
	        <div class="top" style="border-bottom: 1px solid #e2e2e2">
	            <div class="_1"><strong>投资规模：</strong><span>600万RMB</span></div>
	            <div class="_1"><strong>回收年限：</strong><span>5年</span></div>
	            <div class="_1"><strong>年化收益率：</strong><span>12%</span></div>
	            <div class="_1" ><strong>收益期长：</strong><span>9年</span></div>
	        </div>
	        <div class="center">
	            <strong>可点评性：</strong><p style="width: 920px;float: right">内容详情内容详情内容详情内容详情内容详情内容详情内容详情
	                内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情
	                内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情
	            内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情
	            内容详情内容详情内容详情内容详情内容详情内容详情内容详情</p>
	        </div>

	        <div class="center">
	            <strong>可点评性：</strong><p style="width: 920px;float: right">内容详情内容详情内容详情内容详情内容详情内容详情内容详情
	            内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情
	            内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情
	            内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情内容详情
	            内容详情内容详情内容详情内容详情内容详情内容详情内容详情</p>
	        </div>

	        <button type="submit" id="submit">确定</button>
	    </div>
	    <div class="tanC_2">
	        <h5>测算结果</h5>
	        <img src="/images/icon_03.png" alt="" id="xx"/>
	        <div class="top_2">
	            <div class="_2"><strong>单位名称：</strong><input type="text"/></div>
	            <div class="_2"><strong>联系人：</strong><input type="text"/></div>
	            <div class="_2"><strong>联系手机：</strong><input type="text"/></div>
	        </div>
	        <div class="center_2">
	            <div class="_3">
	                <strong>单位名称：</strong>
	                <select>
	                <option>省</option>
	                <option>浙江省</option>
	                <option>河南省</option>
	            </select>
	                <select>
	                    <option>省</option>
	                    <option>浙江省</option>
	                    <option>河南省</option>
	                </select>
	                <select>
	                    <option>省</option>
	                    <option>浙江省</option>
	                    <option>河南省</option>
	                </select>
	                <strong style="margin-left: 200px">合作内容：</strong>
	                <select style="width: 336px">
	                    <option>gshd</option>
	                    <option>asdahjsd</option>
	                    <option>asdauhsb</option>
	                </select>
	            </div>
	        </div>
	        <div class="center_3">
	            <div class="center" style="height: 230px">
	                <strong>可点评性：</strong>
	                <input type="text" style="width: 920px;
	                float: right;border: 1px solid #0073c4;height: 182px"/>
	                <p style="color: red;margin-left: 100px">若以上都不能叙述清楚？请拨打客服0571-88888888</p>
	            </div>
	        </div>
	        <button type="submit" id="submit1">确定</button>
	    </div>
	</div>



@endsection
